<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets">

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Administração - 3G Notifier</title>
        <!-- Estilos de formatação geral do portal -->
        <link href="#{request.contextPath}/templates/css/general.css" rel="stylesheet" type="text/css" />
        <!-- Estilos do menu dropdown - Menu JQuery -->
        <link href="#{request.contextPath}/templates/css/dropdown.css" rel="stylesheet" media="screen" type="text/css" />
        <!-- Framework de ítens de formulário -->
        <link rel="stylesheet" href="#{request.contextPath}/templates/css/blueprint/screen.css" type="text/css" media="screen, projection" />
        <!--[if IE]><link rel="stylesheet" href="#{request.contextPath}/templates/css/blueprint/lib/ie.css" type="text/css" media="screen, projection" /><![endif]-->
        <link rel="stylesheet" href="#{request.contextPath}/templates/css/blueprint/plugins/buttons/buttons.css" type="text/css" media="screen, projection" />
        <!-- Estilo que gera as tooltips -->
        <link rel="stylesheet" media="screen" type="text/css" href="#{request.contextPath}/templates/css/tooltip.css" />

        <!-- Início da seção de scrips Javascript -->
        <!-- Estilo do Menu em abas -->
        <link rel="stylesheet" media="screen" type="text/css" href="#{request.contextPath}/templates/css/tabmenu.css" />

        <!-- Inicio dos Scripts de validação de formuário -->
        <script type="text/javascript" src="#{request.contextPath}/templates/js/validador/SpryValidationTextField.js"></script>
        <script type="text/javascript" src="#{request.contextPath}/templates/js/validador/SpryValidationSelect.js"></script>
        <script type="text/javascript" src="#{request.contextPath}/templates/js/validador/SpryValidationCheckbox.js"></script>
        <link href="#{request.contextPath}/templates/js/validador/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
        <link href="#{request.contextPath}/templates/js/validador/SpryValidationSelect.css" rel="stylesheet" type="text/css" />
        <link href="#{request.contextPath}/templates/js/validador/SpryValidationCheckbox.css" rel="stylesheet" type="text/css" />
        <!-- Fim dos Scripts de validação de formuário -->
        <script type="text/javascript" src="#{request.contextPath}/templates/js/dropdown.js"></script> <!-- Menu dropdown -->
        <!-- Borda com cantos arredondados -->
        <link rel="stylesheet" media="screen" type="text/css" href="#{request.contextPath}/templates/js/nifty/niftyCorners.css" />
        <script type="text/javascript" src="#{request.contextPath}/templates/js/nifty/niftycube.js"></script> <!-- Bordas com cantos arredondados -->
        <script type="text/javascript">
            // Função para gerar os cantos arredondados
            window.onload=function(){
                Nifty("div#cadastrar", "bl br big");
                Nifty("div#editar", "bl br big");
                Nifty("div#wellcome", "bl br big");
                Nifty("div#search p","bl br big");
                Nifty("li#round","tr");
                Nifty("div#cadastroInst","tl bl tr big");
            }
        </script>
        <ui:insert name="head" />
    </head>
    <body>
        <f:view>
            <div id="wrapper">
                <div id="top">
                    <h:form id="topo">
                        <ui:insert name="topo">
                            <div id="userTab">
                                <p>
                                    <strong style="padding-right: 8px;"><h:outputText value="#{user.login}"/></strong>|
                                    <!--<h:commandLink action="perfil" title="Altere seus dados cadastrais." value="Editar Perfil" immediate="true" />|-->
                                    <a href="http://www.uefs.br" target="_blank" title="Clique aqui para ir para o nosso tópico de Ajuda">UEFS</a>|
                                    <h:commandLink action="ajuda" value="Guia do Usuário" immediate="true" title="Clique aqui para ir para o nosso tópico de Ajuda" />|
                                    <h:commandLink action="#{user.logout}">
                                        <f:verbatim> Sair</f:verbatim>
                                    </h:commandLink>

                                </p>
                            </div>
                            <h1>3G Notifier</h1>
                        </ui:insert>
                    </h:form>
                </div>
                <div id="mainmenu">
                    <h:form id="menu">
                        <ul class="uni">
                            <li><span class="unimenu"><h:commandLink action="index" value="Principal" immediate="true" /></span></li>
                        </ul>
                        <dl class="dropdown">
                            <dt id="one-ddheader" onmouseover="ddMenu('one',1);" onmouseout="ddMenu('one',-1)">Usuário</dt>
                            <dd id="one-ddcontent" onmouseover="cancelHide('one');" onmouseout="ddMenu('one',-1)">
                                <ul>
                                    <li><h:commandLink action="estudante" value="Estudante" immediate="true" styleClass="underline" /></li>
                                    <li><h:commandLink action="professor" value="Professor" immediate="true" styleClass="underline" /></li>
                                    <li><h:commandLink action="funcionario" value="Funcionario" immediate="true" /></li>
                                </ul>
                            </dd>
                        </dl>
                        <dl class="dropdown">
                            <dt id="two-ddheader" onmouseover="ddMenu('two',1);" onmouseout="ddMenu('two',-1)">Institucional</dt>
                            <dd id="two-ddcontent" onmouseover="cancelHide('two');" onmouseout="ddMenu('two',-1)">
                                <ul>
                                    <li><h:commandLink action="turma" value="Turma" immediate="true" styleClass="underline" /></li>
                                    <li><h:commandLink action="aula" value="Aula" immediate="true" styleClass="underline" /></li>
                                    <li><h:commandLink action="localizacao" value="Local de Aula" immediate="true" styleClass="underline" /></li>
                                    <li><h:commandLink action="horario" value="Horário" immediate="true" styleClass="underline" /></li>
                                    <li><h:commandLink action="sala" value="Sala" immediate="true" styleClass="underline" /></li>
                                    <li><h:commandLink action="modulo" value="Módulo" immediate="true" styleClass="underline" /></li>
                                    <li><h:commandLink action="predio" value="Prédio" immediate="true" styleClass="underline" /></li>
                                    <li><h:commandLink action="periodo" value="Periodo" immediate="true" /></li>
                                </ul>
                            </dd>
                        </dl>
                        <dl class="dropdown">
                            <dt id="three-ddheader" onmouseover="ddMenu('three',1);" onmouseout="ddMenu('three',-1)">Sistema</dt>
                            <dd id="three-ddcontent" onmouseover="cancelHide('three');" onmouseout="ddMenu('three',-1)">
                                <ul>
                                    <li><a href="#" class="underline desabilitado" title="Esta funcionalidade está desativada.">Histórico de Mensagens</a></li>
                                    <li><a href="#" class="underline desabilitado" title="Esta funcionalidade está desativada.">Arquivos Enviados</a></li>
                                    <li><h:commandLink action="sistema" value="Sistema de Notificações" /></li>
                                </ul>
                            </dd>
                        </dl>
                    </h:form>
                </div>
                <div id="container">
                    <div id="content">
                        <div id="breadcrumbs">
                            <h:form id="trilha">
                                <ui:insert name="breadcrumbs">
                                    <span><h:commandLink action="index" value="Principal" immediate="true" /></span><img class="spacer" src="#{request.contextPath}/templates/imagens/seta3.png" alt=""/>
                                </ui:insert>
                            </h:form>
                        </div>
                        <!--<div id="search">
                            <p>
                                <span id="searchForm">
                                    <h:inputText styleClass="title" style="width:70%;" value="Buscar"></h:inputText>
                                    <img style="position:relative; top: 5px" src="#{request.contextPath}/templates/imagens/lupa.png" alt=""/>
                                </span>
                            </p>
                        </div>-->
                        <div class="clear"></div>
                        <h:panelGroup id="messagePanel" layout="block" styleClass="">
                            <h:messages errorClass="error" errorStyle="list-style: none; padding-bottom" infoClass="success" tooltip="Teste" layout="list"/>
                        </h:panelGroup>
                        <div style="padding: 5px 10px 1px 0; "/>
                        <ui:insert name="titulo" />
                        <div id="usuario" class="usuario">
                            <ui:insert name="mensagem" />
                            <h:form id="abas">
                                <ui:insert name="abas" />
                            </h:form>
                            <ui:insert name="formulario" />
                        </div>
                    </div>
                </div>
                <div id="footer">
                    <div id="address">
                        <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/2.5/br/"><img alt="Creative Commons License" style="border-width:0; float: right; padding-left: 5px;" src="http://i.creativecommons.org/l/by-nc-sa/2.5/br/88x31.png" /></a><span>3G Notifier</span> é licenciado sob <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/2.5/br/">Creative Commons</a>. Alguns direitos reservados.
                        <p>Desenvolvido por <strong>Orange Software House</strong>.</p>
                    </div>
                </div>
            </div>
        </f:view>
    </body>
</html>
